<template>
	<view class="work-container">
		<scroll-view class="scroll-view_H" scroll-y="true" @scroll="scroll">
			<view class="tishi">
				<text style="color: #df7f71;">温馨提示：</text>
				线上缴费的订单，如需办理退款，可到院内收费窗口进行退费。
			</view>
			<view class="flex flex-column">
				<view class="item flex flex-column" style="margin-top: 15px;">
					<view class="flex align-center">
						<img src="@/static/images/kefu.png"></img>
						<text>关注支付宝小程序</text>
					</view>
					<img src="@/static/images/kefu.png"></img>
				</view>
				<view class="item flex flex-column">
					<view class="flex align-center">
						<img src="@/static/images/kefu.png"></img>
						<text>点击【添加就诊人】</text>
					</view>
					<img src="@/static/images/kefu.png"></img>
				</view>
				<view class="item flex flex-column">
					<view class="flex align-center">
						<img src="@/static/images/kefu.png"></img>
						<text>同意授权获取实名信息</text>
					</view>
					<img src="@/static/images/kefu.png"></img>
				</view>
				<view class="item flex flex-column">
					<view class="flex align-center">
						<img src="@/static/images/kefu.png"></img>
						<text>完善就诊人信息</text>
					</view>
					<img src="@/static/images/kefu.png"></img>
				</view>
				<view class="item flex flex-column">
					<view class="flex align-center">
						<img src="@/static/images/kefu.png"></img>
						<text>完成建档</text>
					</view>
					<img src="@/static/images/kefu.png"></img>
				</view>
				<view class="item flex flex-column">
					<view class="flex align-center">
						<img src="@/static/images/kefu.png"></img>
						<text>医生开具处方后,点击【门诊缴费】</text>
					</view>
					<img src="@/static/images/kefu.png"></img>
				</view>
				<view class="item flex flex-column">
					<view class="flex align-center">
						<img src="@/static/images/kefu.png"></img>
						<text>选择代缴费项目</text>
					</view>
					<img src="@/static/images/kefu.png"></img>
				</view>
				<view class="item flex flex-column">
					<view class="flex align-center">
						<img src="@/static/images/kefu.png"></img>
						<text>立即缴费</text>
					</view>
				</view>

			</view>
		</scroll-view>

	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		created() {

		},
		methods: {

		}
	}
</script>

<style lang="scss">
	page {
		background-color: #ffffff;

		.scroll-view_H {
			width: 100%;
			height: calc(100vh - 47px);
			
			.tishi{
				width: 100%;
				padding: 10px 20px;
				font-size: 12px;
				background-color: #f3fbfe;
			}
			
		}

		.work-container {
			width: 100%;
			height: 100%;

			.item {
				font-size: 13px;
                padding-left: 50px;
				img {
					width: 80rpx;
					height: 80rpx;
				}
			}

		}
	}
</style>